<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="xiaomi.css" >
    <title>小米登录</title>
    <script src="js/jquery-3.2.1.js"></script>
</head>
<body>
    <div class="top">
        <div class="logo">
            <div class="one"> 
                <img src="images/mi-logo.png" alt="">
            </div>
            <div class="two"> 
            <p>小米商城</p>
            <p>让每个人都能享受科技的乐趣</p>
            </div>
        </div>
    </div>
    <div class="center">
        <div class="load">
            <ul>
                <li class="current">账号登录</li>
                <li>|</li>
                <li>扫码注册</li>
            </ul>
            <div>
                <from>
                    <div><input type="text" placeholder="邮箱/手机号/小米账号" /></div>
                    <div><input type="password" placeholder="密码"> </div>
                    <div><button>立即登录</button></div>
                </from>
            </div>
            <div class="zhuce">
                <a href="#">注册小米账号</a><span>&nbsp;|&nbsp;</span><a href="#">忘记密码？</a>
            </div>
            <fieldset class="border">
                <legend>其他登录方式</legend>
            </fieldset>
            <div class="allpay">
                <a href="#"><span class="qq"></span></a>
                <a href="#"><span class="weibo"></span></a>
                <a href="#"><span class="zhifubao"></span></a>
                <a href="#"><span class="weixin"></span></a>           
            </div>
        </div>
    </div> 
    <div class="footer">
        <ul>
            <li><a href="#">简体</a></li>
            <li>|</li>
            <li><a href="#">繁体</a></li>
            <li>|</li>
            <li><a href="#">English</a></li>
            <li>|</li>
            <li><a href="#">常见问题</a></li>
            <li>|</li>
            <li><a href="../生活家居/生活家居.html">上一页</a></li>
            <li>|</li>
            <li><a href="../小米官网/小米官网.html">下一页</a></li>
        </ul>
        <p>小米公司版权所有-京ICP备10046444-<img src="" alt="">京公网安备11010802020134号-京ICP证110507号</p>
    </div>  
    <script>
        $(function(){
            $(".load ul li").click(function(){
                $(this).addClass("current").siblings().removeClass("current");
            })
        })
    </script> 
</body>
</html>